// 学习目标：使用React创建h1标签、显示在浏览器中

// 导入react和react-dom
import React from 'react';
import ReactDom from 'react-dom/client';

// 创建元素
// createElement('标签的类型'，{标签的属性名：属性值}，标签的内容)
const h1Dom = React.createElement(
  'h1',
  { id: 123, title: '我是h1标题' },
  'Hello React'
);

// jsx
// const h1Dom2 = <h1>hello React</h1>;
// 打印
console.log('h1Dom----->', h1Dom);

// 18版本以上新出的挂载方法
const root = ReactDom.createRoot(document.getElementById('root'));
root.render(h1Dom);
